<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="jypath" value="${pageContext.request.contextPath}" />
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>补录数据</title>
<script type="text/javascript">
var contextPath = '${jypath}';
</script>
<%@include file="../common/jsVersion.jsp"%>
<link rel="stylesheet"
	href="${jypath}/static/css/system/bootstrap/bootstrap.min.css" />
<script src="${jypath}/static/js/jquery/jquery-2.0.3.min.js"></script>
<script src="${jypath}/static/js/My97DatePicker/WdatePicker.js"></script>
<script src="${jypath}/static/plugins/layer/2.1/layer.js"></script>
<script type="text/javascript" src="${jypath}/static/plugins/vue/vue.js"></script>
<script src="${jypath}/static/plugins/laypage/laypage.js"></script>
<script src="https://cdn.hcharts.cn/highcharts/highcharts.js"></script>

</head>
<body>
	<div class="container-fluid" id="salesBackOfYear">
		<div class="row ">
			<div class="panel panel-default">
				<div class="panel-heading">查询条件</div>
				<div class="panel-body">
					<div class="col-xs-6">
						<div class="form-horizontal">
							<div class="form-group">
								<label class="col-xs-2 control-label">项目名称:</label>
								<div class="col-xs-4">
									<select class="form-control" v-model="params.projectId">
										<option v-for="row in projectLists" v-bind:value="row.id">{{row.projectName}}</option>
									</select>
								</div>
							</div>
						</div>
					</div>

					<div class="col-xs-6">
						<div class="form-horizontal">
							<div class="form-group">
								<label class="col-xs-2 control-label">补录年份:</label>
								<div class="col-xs-4">
									<select class="form-control" v-model="params.year">
										<option value="">全部</option>
										<option value="2017">2017</option>
									</select>
								</div>
							</div>
						</div>
					</div>
					
					
				</div>

				<div class="panel-body">
					<div class="col-xs-6">
						<div class="form-horizontal">
							<div class="form-group">
								<button type="button" class="btn btn-primary" v-on:click="findSales">查询</button>
								<button type="button" class="btn btn-warning" v-show="isShow" v-on:click="sendLevelDynamiSalesData">推送动态数据</button>
								<button type="button" class="btn btn-info" v-show="isShow" v-on:click="sendStaticSalesData">推送静态数据</button>
								
							</div>
						</div>
					</div>


				</div>
				<!--销售计划-->
				<div id="salesDataHighcharts" style="width: 49%; float: left;"></div>
				<!--回款计划-->
				<div id="returnDataHighcharts" style="width: 49%; float: left;"></div>

			</div>
		</div>

		<div class="row"  v-show="isShow">
			<div class="panel panel-default">
				<div class="panel-heading">数据列表</div>
				<div class="panel-body" style="padding: 0">
					<table class="table table-striped table-bordered table-hover"
						style="margin-bottom: 0; border: none;">
						<thead>
							<th>款项</th>
							<th>汇总</th>
							<th>1月</th>
							<th>2月</th>
							<th>3月</th>
							<th>4月</th>
							<th>5月</th>
							<th>6月</th>
							<th>7月</th>
							<th>8月</th>
							<th>9月</th>
							<th>10月</th>
							<th>11月</th>
							<th>12月</th>
							
						</thead>
						<tbody>
							<tr>
								<th>计划销售额(万元)</th>
								<th>{{salesBackOfYear.targetSalesAmount}}</th>
								<th v-for="(row,index) in salesplan">{{row}}</th>
							</tr>	
						
							<tr>
								<th>实际销售额(万元)</th>
								<th>{{salesBackOfYear.actualSalesAmount}}</th>
								<th v-for="(row,index) in sales">{{row}}</th>
							</tr>
							
							<tr>
								<th>计划回款额(万元)</th>
								<th>{{salesBackOfYear.targetSalesBack}}</th>
								<th v-for="(row,index) in backsplan">{{row}}</th>
							</tr>	
							
							<tr>
								<th>实际回款额(万元)</th>
								<th>{{salesBackOfYear.actualSalesBack}}</th>
								<th v-for="(row,index) in backs">{{row}}</th>
							</tr>
								
						</tbody>
					</table>

				</div>
			</div>
		</div>

	</div>
	<script
		src="${jypath}/static/js/pmo/salesBackOfYearPmo/index.js?v=${jsVersion}"></script>
</body>
</html>